<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta itemprop="name" content="晶钻工业科技-宁波晶钻工业科技有限公司">
    <meta name="keywords" content="晶钻工业科技、宁波晶钻工业科技有限公司、宁波晶钻">
    <meta name="description" itemprop="description" content="宁波晶钻工业科技有限公司坐落于美丽的东海之滨-宁波市，公司拥有多名跨行业外籍及海归研究员、教授、博士，与中国科学院宁波材料所共建技术研发中心，并同日本、美国多家跨国公司、大学、研究所建立长期战略联盟..." >
    <title>商品分类</title>
    <link rel="shortcut icon" href="../../../logo.ico"/> 
    <link rel="stylesheet" href="__PUBLIC__/css/goods_list.css"/>
</head>
<body>
  <!-- 网站商品分类页头部 start -->
  <include file="Public:header" />
  <!-- 网站商品分类页头部 end -->

  <!-- 网站商品分类页主体 start -->
  <main class="wedding-ring-list-container">
    <!-- 最上面的广告标语 -->
    <section class="wedding-ring-list-slogan">
      <a href="#">
        <!-- <img src="__PUBLIC__/img/goods/weddingRing/banner.jpg" alt="文章图片"> -->
        <h1>选择你的钻托</h1>
        <p>钻石恒久远，一颗永流传</p>
      </a>
    </section>
    <!-- 钻石筛选 start-->
    <section class="wedding-ring-choose-wrapper wrapper">
      <header class="wedding-ring-choose-header">
        <h2>钻托筛选</h2>
      </header>
      <!-- 筛选参数 -->
      <div class="wedding-ring-choose-param">
        <!-- 其他参数筛选 -->
        <div class="wedding-ring-other-param">
          <!-- <div class="param wedding-ring-price">
            <h3>钻托价格</h3>
            <div class="slider-box">
              <div class="wr-price-slider slider" id="wr_price_slider">
                <span class="bar1"></span>
                <div class="mask-slider"></div>
                <span class="bar2"></span>
              </div>
              <div class="wr-price-value input-value">
                <div>
                  <em>$</em>
                  <input type="text" name="wrMinPrice" id="wr_min_price" value="200" >
                </div>
                <div>
                  <em>$</em>
                  <input type="text" name="wrManPrice" id="wr_max_price" value="10000">
                </div>
              </div>
            </div>
          </div> -->
          <div class="param drill-price">
            <h3>钻托价格</h3>
            <div class="slider-box">
              <div class="drill-price-slider slider" id="drill_price_slider">
                <span class="bar1"></span>
                <div class="mask-slider"></div>
                <span class="bar2"></span>
              </div>
              <div class="drill-price-value input-value">
                <div>
                  <em>$</em>
                  <input type="text" name="drillMinPrice" id="drill_min_price" value="200">
                </div>
                <div>
                  <em>$</em>
                  <input type="text" name="drillManPrice" id="drill_max_price" value="10000">
                </div>
              </div>
            </div>
          </div>
          <!-- 设计风格 -->
          <div class="param wedding-ring-style">
            <h3>设计风格</h3>
            <ul id="wedding_ring_style">
              <li data-diamond-param="0">单石</li>
              <li data-diamond-param="1">轻奢</li>
              <li data-diamond-param="2">奢华</li>
            </ul>
            <input type="hidden" id="wr_style_value">
          </div>
          <!-- 成色 -->
          <div class="param wedding-ring-color">
            <h3>成色</h3>
            <ul id="wedding_ring_color">
              <li data-diamond-param="18K黃金">18K黃金</li>
              <li data-diamond-param="18K白金">18K白金</li>
              <li data-diamond-param="18K玫瑰金">18K玫瑰金</li>
            </ul>
            <input type="hidden" id="wr_color_value">
          </div>
        </div>
      </div>
      <!-- 婚戒列表 -->
      <div class="wedding-ring-list-box">
        <ul class="wedding-ring-list">
          <for start="1" end="21">
            <li class="wedding-ring-item">
              <a href="{:U('goodsDetail')}">
                <img src="__PUBLIC__/img/goods/weddingRing/1.jpg" alt="婚戒图片">
                <div class="wedding-ring-info">
                  <h3 class="wedding-ring-name">Mango</h3>
                  <p class="wedding-ring-price">
                    <del>$400.00</del>
                    <em>$350.00</em>
                  </p>
                </div>
              </a>
            </li>
          </for>
        </ul>
      </div>
      <!-- 婚戒页码 -->
      <div class="wedding-ring-pages" id="wedding_ring_pages">
        <span class="pre-page"><i></i></span>
        <a href="#" class="txt-page-tag active">1</a>
        <a href="#" class="txt-page-tag">2</a>
        <a href="#" class="txt-page-tag">3</a>
        <a href="#" class="txt-page-tag">4</a>
        <span class="next-page"><i></i></span>
      </div>
    </section>
    <!-- 钻石筛选 end-->    
  </main>
  <!-- 网站商品分类页主体 end -->

  <!-- 网站商品分类页底部 start -->
  <include file="Public:footer"/>
  <!-- 网站商品分类页底部 end -->

  <!-- 引入相关的js文件 start -->
  <!-- 条件注释：如果IE浏览器的版本小于9则引入该文件以支持html5的新标签 -->
  <!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.js"></script>
  <![endif]-->
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <script src="__PUBLIC__/js/goods_list.js"></script>
  <!-- 引入相关的js文件 end -->
</body>
</html>